<!DOCTYPE html>
<html>
  <head>
    <title>index.html</title>
	
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    
    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
<link rel="stylesheet" href="../jquery-easyui-1.4/themes/icon.css" type="text/css"></link>
<link rel="stylesheet" href="../jquery-easyui-1.4/themes/default/easyui.css" type="text/css"></link>
<script type="text/javascript" src="../jquery-easyui-1.4/jquery.min.js"></script>
<script type="text/javascript"	src="../jquery-easyui-1.4/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript"	src="../jquery-easyui-1.4/jquery.easyui.min.js"></script>
<script type="text/javascript">
	$(function() {

		//左边树
		$('#tt').tree({
			url:'/tree_data.json' ,
			lines:true			
		});		 
});
</script>
<style type="text/css">
.logo {
	width: 240px;
	height: 50px;
	padding-left: 0px;
	line-height: 50px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	float: left;
	color: #fff;
}

.logout {
	float: right;
	padding: 30px 15px 0 0;
	color: #fff;
}

a {
	color: #fff;
	text-decoration: none;
}

#css3menu li {
	float: left;
	list-style-type: none;
}

#css3menu li a {
	color: #fff;
	padding-right: 20px;
}

#css3menu li a.active {
	color: yellow;
}
</style>
  </head>
  
  <body class="easyui-layout">
	<div
		data-options="region:'north',title:'North Title',split:false,noheader:true"
		style="height:60px;background: #2C80C6;overflow: hidden;">
		<div class="logo">IT园后台管理系统</div>
		<div class="logout">
			<span style="color: red;">您好,</span>&nbsp;&nbsp;<a
				href="javascript:logout();">退出</a>
		</div>
	</div>
	<div data-options="region:'south',title:'South Title',split:false,noheader:true" style="height:30px;line-height: 30px;text-align: center;">@版权所有
			By代华军
	</div>
	<div id="west" data-options="region:'west',title:'导航',split:false"
		style="width:180px;">
		
					<ul id="tt">
						
					</ul>
	
	</div>
	<div data-options="region:'center'" id="tabs" class="easyui-tabs"
		style="overflow: hidden;">
		<div title="首页" style="display: block;padding: 0 10px;height: 100%;">
					
					<div style="float: left;margin-top: 20px;">
								<div style="float:left;width:430px;height:200px;margin-left: 15px;">
										<div id="p1" class="easyui-panel" title="系统监控"    style="height:200px;background:#fafafa;"    data-options="iconCls:'icon-save',closable:true,  collapsible:true,maximizable:true">   
										   	 	<p>panel content.</p>   
										   	 	<p>panel content.</p>   
										</div>
								</div>
								<div style="float:left;width:430px;height:200px;margin-left: 35px;">
											<div id="p2" class="easyui-panel" title="文章管理"    style="height:200px;background:#fafafa;"    data-options="iconCls:'icon-save',closable:true,  collapsible:true,minimizable:true,maximizable:true">   
												    <p>panel content.</p>   
												    <p>panel content.</p>   
											</div>
								</div>
						</div>
					
					<div style="float: left;margin-top: 20px;">
								<div style="float:left;width:430px;height:200px;margin-left: 15px;">
										<div id="p3" class="easyui-panel" title="待处理事项"    style="height:200px;background:#fafafa;"    data-options="iconCls:'icon-save',closable:true,  collapsible:true,maximizable:true">   
										   	 	<p>panel content.</p>   
										   	 	<p>panel content.</p>   
										</div>
								</div>
								<div style="float:left;width:430px;height:200px;margin-left: 35px;">
											<div id="p3" class="easyui-panel" title="其他事项"    style="height:200px;padding:10px;background:#fafafa;"    data-options="iconCls:'icon-save',closable:true,  collapsible:true,minimizable:true,maximizable:true">   
												    <p>panel content.</p>   
												    <p>panel content.</p>   
											</div>
								</div>
						</div>
			
			</div>
	</div>

	<div
		data-options="region:'east',split:false,title:'设置',collapsible:false,border:false"
		style="width: 200px;">
		<div id="cc" class="easyui-calendar" style="width:200px;height:180px;"></div>
		<div id="p" class="easyui-panel" title="登录信息"   style="width:500px;height:150px;padding:10px;background:#fafafa;"   
        data-options="iconCls:'icon-save',fit:true">
        当前在线人数:
	</div> 
	</div>
	
</body>
</html>
